


// body.pages-order-lph-order uni-page-body{
// 	height: 100%;
// }
// uni-page-body{
// 	height: 100% ;
// }
page{
	height: 100%;
}
.lph-order{
	height: 100%;
	overflow: hidden;
}
//内容部分调整
 .ztdd{
	 height: calc(100% - 106upx);
	 position: relative;
 }

// 第一行内容调整
.od-line1{
	position: relative;
	z-index: 99;
	overflow: hidden;
	margin-top: 10upx;
	display: flex;
	text-align: center;
	line-height: 80upx;
	border-top: 2upx solid $colore;
	background-color: #fff;
	font-size: 30upx;
	color: $color3;
	.item{
		flex: 1;
	}
	.line1-active{
		position: relative;
		color: $bg02;
		&:after{
			content: '';
			position: absolute;
			bottom: 16upx;
			left: 164upx;
			width: 40upx;
			height: 4upx;
			border-radius: 2upx;
			background-color: $bg02;
			
		}
	}
}


.od-line2{
	position: relative;
	// top: 188upx;
	// left: 0upx;
	z-index: 99;
	width: 100%;
	border-bottom: 10upx solid $bg01;
	border-top: 10upx solid $bg01;
	display: flex;
	text-align: center;
	line-height: 80upx;
	background-color: #fff;
	font-size: 26upx;
	color: $color6;
	.item{
		flex: 1;
	}
	.line2-active{
		color: $bg02;
		font-size: 30upx;
	}
}

.goods-content{
	// width: 100%;
	height: calc(100% - 90upx);
}
.od-line3{
	width: 95%;
	// height: 410upx;
	margin: 0 auto;
	margin-top: 20upx;
	background-color: #fff;
	border-radius: 10upx;
	padding: 0 15upx;
	.content-line1{
		display: flex;
		padding: 0 15upx;
		text{
			line-height: 90upx;
		}
		.line1-text1{
			flex: 3;
			font-size: 24upx;
			text-indent: 0.5em;
			color: $color3;
		}
		.line1-text2{
			width:500upx;
			flex: 2;
			color: $bg02;
		}
		.line1-text3{
			flex: 5;
			text-align: right;
			color: $color9;
		}
	}
	.content-line2{
		display: flex;
		padding: 0 15upx;
		.line1-text1{
			flex: 3;
		}
		.line1-text2{
			flex: 7;
			color: $color3;
			.content-title{
				padding-right: 110upx;
				padding-left: 20upx;
			}
			.price{
				text-align: right;
				font-family: Din;
			}
			
		}
		
	
		.line1-text3{
			margin-top: 60upx;
			font-family: Din;
			flex: 2;
			// text-align: right;
			color: $color3;
			text{
				color: $color6;
			}
		}
		image{
			width: 194upx;
			height: 194upx;
		}
	}
	.receipt-address{
		width: 100%;
		margin-left: 20upx;
		margin-top: 30upx;
		display: flex;
		justify-content:flex-start;
		align-items: center;
		font-size: 24upx;
		&>text{
			display: block;
			width: 450upx;
			color: $color9;
			font-size: 24upx;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
		}
	}
	.content-line3{
		padding-left: 15upx;
		padding-right: 15upx;
		// border: 1px solid red;
		// display: flex;
		// align-items: center;
		// justify-content: flex-end;
		// flex-direction: column;
		// .totalNumStyle{
		// 	display: flex;
		// 	align-items: center;
		// 	justify-content: flex-end;
		// }
		// .buttom-btn{
		// 	margin-top: 20upx;
		// 	align-items: center;
		// }
		.marginLeft30{
			margin-left: 20upx;
		}
		.marginLeft48{
			margin-left: 32upx;
		}
		.padding13{
			padding: 0 13upx;
		}
		.money{
			font-family: Din;
		}
	}
}
.scrollStyle{
		height: 100%;
		.od-line3:first-child{
			margin-top: 0upx;
		}
	}
.no-orderList{
	width: 100%;
	margin-top:25%;
	color: #999999;
	display: flex;
	justify-content: center;
}

.od-line3{
	width: 95%;
	// height: 410upx;
	margin: 0 auto;
	margin-top: 20upx;
	background-color: #fff;
	border-radius: 10upx;
	// padding: 0 10upx;
	.order-detail-line1{
		padding: 0 10upx;
		font-size: 30upx;
		color: $color9;
		// font-family: Din;
		border-bottom: 2upx solid $bg01;
		line-height: 70upx !important;
	}
	.content-line1{
		padding: 0 15upx;
		line-height: 90upx;
		.order-icon{
			width: 54upx;
			height: 54upx;
			margin-right: 10upx;
		}
		.iconfont{
			margin-left: 20upx;
			font-size: 24upx;
			color: #999;
		}
		.enterShop{
			color: #999999;
			font-size: 32upx;
			margin-left: 0upx;
		}
		.line1-text2{
			color: $color3;
		}
		
		.order-status{
			color: $bg02;
			font-size: 28upx;
			float: right;
		}
		.order-status-detail{
			margin-top: 30upx;
		}
	}
	
	.content-line2{
		padding: 0 15upx;
		display: flex;
		.line1-text1{
			flex: 3;
			image{
				width: 174upx;
				height: 174upx;
				border-radius: 10upx;
			}
		}
		.line1-text2{
			flex: 7;
			color: $color3;
			.content-title{
				padding-right: 110upx;
				padding-left: 20upx;
				// border: 1px solid blue;
			}
			.price{
				// border: 1px solid red;
				text-align: right;
				font-family: Din;
			}
			.order-number{
				// margin-left: 20upx;
				font-size: 22upx;
				// padding-left: 20upx;
				color: $color9;
				margin-top:35upx;
			}
		}
		.line1-text3{
			margin-top: 60upx;
			font-family: Din;
			flex: 2;
			// text-align: right;
			color: $color3;
			text{
				color: $color6;
			}
		}
		
	}
	.content-line3{
		// border: 1px solid blue;
		// padding: 0 15upx;
		padding-right: 15upx;
		margin-left: 10upx;
		height: 80upx;
		line-height: 80upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.item{
			.item-box{
				font-size: 24upx;
			}
			.item-box1{
				font-size: 30upx;
				color: #ff557d;
				margin-left: 30upx;
			}
		}
		.line3-l{
			flex: 2;
			line-height: 100upx;
			text-align: center;
			color: $color3;
			.button3{
				
				// display: inline-block;
			}
			.font30{
				margin-left: 20upx;
				font-family: Din;
				color: $bg02;
			}
		}
		.line3-r{
			flex: 3;
			text-align: right;
			color: $color3;
			.padding13{
				padding: 0 20upx;
				color: $color6;
			}
			.money{
				font-family: Din;
			}
		}
		
		}
		.content-line4{
			// height: 100upx;
			line-height: 100upx;
			display: flex;
			// align-items: center;
			justify-content: flex-end;
			// border: 1px solid red;
			padding-top: 10upx;
			&>view:last-child{
				margin-left: 20upx;
				margin-right: 15upx;
			}
			.operatebtn{
				width: 130upx;
				height: 50upx;
				font-size: 30upx;
				border-radius: 15upx;
				display: flex;
				align-items: center;
				justify-content: center;
				border: 2upx solid $bg02;
				color: $bg02;
				margin-bottom: 30upx;
			}
			.operatebtn1{
				width: 150upx;
				height: 50upx;
				font-size: 30upx;
				border-radius: 15upx;
				display: flex;
				align-items: center;
				justify-content: center;
				border: 2upx solid $bg02;
				color: $bg02;
				marign-bottom: 30upx;
			}
		}
}